// responsive.js

// 监听窗口大小变化
window.addEventListener('resize', throttle(adjustLayout, 100));
window.addEventListener('DOMContentLoaded', adjustLayout);

function adjustLayout() {
	const screenWidth = window.innerWidth;

	// 根据屏幕宽度调整样式
	if (screenWidth < 768) {
		// 小屏幕设备（如手机）
		document.body.style.fontSize = '14px';
		document.querySelector('header').style.padding = '10px';
		document.querySelectorAll('.section').forEach(section => {
			section.style.margin = '10px';
			section.style.padding = '10px';
		});
		document.querySelector('.main-content').style.width = '95%';
		document.querySelector('.main-content').style.padding = '10px';
	} else if (screenWidth < 1024) {
		// 中等屏幕设备（如平板）
		document.body.style.fontSize = '16px';
		document.querySelector('header').style.padding = '15px';
		document.querySelectorAll('.section').forEach(section => {
			section.style.margin = '15px';
			section.style.padding = '15px';
		});
		document.querySelector('.main-content').style.width = '90%';
		document.querySelector('.main-content').style.padding = '15px';
	} else {
		// 大屏幕设备（如桌面显示器）
		document.body.style.fontSize = '18px';
		document.querySelector('header').style.padding = '20px';
		document.querySelectorAll('.section').forEach(section => {
			section.style.margin = '20px';
			section.style.padding = '20px';
		});
		document.querySelector('.main-content').style.width = '80%';
		document.querySelector('.main-content').style.padding = '20px';
	}
}

function throttle(func, limit) {
	let lastFunc;
	let lastRan;
	return function() {
		const context = this;
		const args = arguments;
		if (!lastRan) {
			func.apply(context, args);
			lastRan = Date.now();
		} else {
			clearTimeout(lastFunc);
			lastFunc = setTimeout(function() {
				if ((Date.now() - lastRan) >= limit) {
					func.apply(context, args);
					lastRan = Date.now();
				}
			}, limit - (Date.now() - lastRan));
		}
	};
}